<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="./css/reset.css">
	<title>Document</title>
	<style>
		.parent{
			background: lightblue;
			width: 600px;
			height: 600px;
			border: 2px solid;
			

		}

		.item{
			border: 1px solid;
			width: 98px;
			height: 100px;
			background: red;
			color: #fff;
			float: left;
			text-align: center;
			line-height: 100px;

		}

		

	</style>
</head>
<body>
	<div class="parent">
		<dic class="item">1</dic>
		<dic class="item">2</dic>
		<dic class="item">3</dic>
		<dic class="item">4</dic>
		<dic class="item">5</dic>
		<dic class="item">6</dic>
		<dic class="item">7</dic>
		<dic class="item">8</dic>
		<dic class="item">9</dic>
		<dic class="item">10</dic>
		<dic class="item">11</dic>
		<dic class="item">12</dic>
		<dic class="item">13</dic>
		<dic class="item">14</dic>
		<dic class="item">15</dic>
		<dic class="item">16</dic>
		<dic class="item">17</dic>
		<dic class="item">18</dic>
		<dic class="item">19</dic>
		<dic class="item">20</dic>
	</div>
</body>
</html>